<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../../common/reset.css">
    <style>
        .bbox {
            width: 1349px;
            height: 1300px;
            display: flex;
        }
        
        .box {
            width: 1349px;
            height: 1300px;
            border-radius: 50%;
            background-color: aqua;
            animation: box1hao 5s linear;
        }
        
        .sbox {
            width: 1349px;
            height: 600px;
            border-radius: 34%;
            background-color: blue;
            animation: box2hao 5s linear;
        }
    </style>
</head>

<body>
    <div class="bbox">
        <div class="box">
            <div class="sbox"></div>
        </div>

    </div>
</body>

</html>